<template>
    <div class="my_info_out">
      <div class="same_title postion">
        <a href="#" @click="back">
          <img src="../../static/img/back.png" alt="">
        </a>
        我的借款
      </div>
      <div class="position_placeholder"></div>
      <div class="must_info_title">
        必填信息：
        <span>认证后即可贷款</span>
      </div>
      <!--身份信息页面-->
      <a @click="noOpen" class="row_out">
        <el-row>
          <el-col :xs="3" class="col_img">
            <img src="../../static/img/info_icon1.png" alt="">
          </el-col>
          <el-col :xs="21">
            <el-row class="row_in">
              <el-col :xs="20">
                身份信息
                <a href="" class="info_test">已验证</a>
              </el-col>
              <el-col :xs="4">
                <i class="el-icon-arrow-right"></i>
              </el-col>
            </el-row>
          </el-col>
        </el-row>
      </a>
      <div class="must_info_title">
        加分资料：
        <span>认证后将极大提高通过效率</span>
      </div>
      <a class="row_out" @click="noOpen">
        <el-row>
          <el-col :xs="3" class="col_img">
            <img src="../../static/img/info_icon2.png" alt="">
          </el-col>
          <el-col :xs="21">
            <el-row class="row_in">
              <el-col :xs="20">
                联系人信息
                <a href="" class="info_test_no">去验证</a>
              </el-col>
              <el-col :xs="4">
                <i class="el-icon-arrow-right"></i>
              </el-col>
            </el-row>
          </el-col>
        </el-row>
      </a>
      <a  class="row_out" @click="noOpen">
        <el-row>
          <el-col :xs="3" class="col_img">
            <img src="../../static/img/info_icon3.png" alt="">
          </el-col>
          <el-col :xs="21" class="info_border">
            <el-row class="row_in">
              <el-col :xs="20">
                手机运营商
                <a href="" class="info_test_no">去验证</a>
              </el-col>
              <el-col :xs="4">
                <i class="el-icon-arrow-right"></i>
              </el-col>
            </el-row>
          </el-col>
        </el-row>
      </a>
      <a  class="row_out" @click="noOpen">
        <el-row>
          <el-col :xs="3" class="col_img">
            <img src="../../static/img/info_icon4.png" alt="">
          </el-col>
          <el-col :xs="21" class="info_border">
            <el-row class="row_in">
              <el-col :xs="20">
                京东授权
                <a href="" class="info_test_no">去验证</a>
              </el-col>
              <el-col :xs="4">
                <i class="el-icon-arrow-right"></i>
              </el-col>
            </el-row>
          </el-col>
        </el-row>
      </a>
    </div>
</template>

<script>
    export default {
      name: "my-info",
      methods:{
        back() {
          window.history.back(-1);
        },
        noOpen() {
          this.$message({
            message: '该功能尚未开通敬请期待',
            type: 'warning',
            center:true
          });
        }
      }
    }
</script>

<style scoped>
  .el-row{
    height: 40px;
    line-height: 40px;
    overflow: hidden;
  }
  .col_img {
    text-align: center;
    line-height: 45px;
  }
  .el-col img {
    width: 16px;
  }
  .row_out{
    font-size: 14px;
  }
</style>
<style src="../assets/reset.css"></style>
<style src="../assets/style.css"></style>
